// pages/goods_detail/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 商品详情
    detail: {},
    //预览的图片的数组
    pics: []
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.showLoading({
      title: '加载中'
    })

    // 请求商品的详情
    wx.request({
      url: "https://api-hmugo-web.itheima.net/api/public/v1/goods/detail",
      data: {
        goods_id: options.goods_id
      },
      success: res => {
        // message是商品详情
        const {
          message
        } = res.data;
        // 构造一个符合previewImage使用的数组
        const pics = message.pics.map(v => {
          return v.pics_big;
        });

        this.setData({
          detail: message,
          pics: pics
        })

        wx.hideLoading();
      }
    })
  },

  // 预览图片
  handlePreview(){
    wx.previewImage({
      urls: this.data.pics
    })
  },

  // 加入购物车
  handleAddCart(){
    // 把商品的详情（this.detail）保存到本地
    
    // 先把本地的goods先获取出来，如果为空就等于空对象，如果有值就作为初始值
    const goods = wx.getStorageSync("goods") || {};
    
    // 如果商品已经存在了，数量就加一
    if(goods[this.data.goods_id]){
      // 数量就加一
      goods[this.data.goods_id].number += 1;
    }else{
      // 给当前的商品添加状态
      this.data.detail.selected = true;
      // 购物车的初始的数量
      this.data.detail.number = 1;
      // 用id作为key，主要是方便查找元素
      goods[this.data.detail.goods_id] = this.data.detail;
    }
    
    // 把goods存储到本地,使用同步的方法来存储
    wx.setStorageSync("goods", goods);
  }
})